<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>CSS Dropdown Menu</title>


	<style type="text/css">

		.dropdownmenu ul, .dropdownmenu ul li{
		display:inline;
		margin:0;
		padding:0;
		list-style:none}
	
		.dropdownmenu ul li{position:relative}

		.dropdownmenu ul li a{
		display:inline-block;
		width:120px;
		font-family:courier;
		font-size:14px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background:#D0D0D0;
		margin:-2px 0px 0px 0px;
		border:#C0C0C0 2px solid;
		padding:3px 7px 3px 7px}
		
		.dropdownmenu ul li a:hover{
		display:inline-block;
		width:120px;
		font-family:courier;
		font-size:14px;
		color:#666;
		text-align:center;
		text-decoration:none;
		background:#E0E0E0;
		margin:-2px 0px 0px 0px;
		border:#D0D0D0 2px solid;
		padding:3px 7px 3px 7px}
		
		.dropdownmenu li ul{
		display:none;
		position:absolute;
		top:23px;
		left:0px}
		
		.dropdownmenu ul li:hover ul{display:inline-block}
	
		.dropdownmenu ul ul, .dropdownmenu ul li:hover ul ul, .dropdownmenu ul ul li:hover ul ul{display:none}
	
		.dropdownmenu ul li:hover ul, .dropdownmenu ul ul li:hover ul, .dropdownmenu ul ul ul li:hover ul{display:block}
		
	</style>

</head>

<body>
	<div>
		<?php include ('inc/header.php'); ?>
	</div>
	<div class="dropdownmenu">
		<ul>
			<li><a href="">Software</a>
			<ul>
				<li><a href="">Software 1</a></li>
				<li><a href="">Software 2</a></li>
				<li><a href="">Software 3</a></li>
				<li><a href="">Software 4</a></li>
			</ul>
			</li>
		
			<li><a href="">Products</a>
			<ul>
				<li><a href="">Product 1</a></li>
				<li><a href="">Product 2</a></li>
				<li><a href="">Product 3</a></li>
				<li><a href="">Product 4</a></li>
				<li><a href="">Product 5</a></li>
			</ul>
			</li>
		
		
			<li><a href="">Contact</a>
			<ul>
				<li><a href="">Email</a></li>
				<li><a href="">Mail</a></li>
				<li><a href="">Phone</a></li>
			</ul>
			</li>
		
		</ul>
		
	</div>
	
</body>

</html>